.ZffGooDetail {
  height: 100vh;
  .zffGDSwiper {
      .gdSwiperItem {
        text-align: center;
        height: 250px ! important;
        img {
          width: 80% ! important;
          height: 100%;
        }
      }
  }
  .zffGDCollect {
    padding: 10px;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: space-between;
    .collectLeft {
      color: var(--theme-color);
    }
  
    .collectRight {
      i.iconfont.icon-fenxiang {
        margin-right: 5px;
      }
  
      i.iconfont.icon-star.active {
        margin-right: 5px;
      }
      .active {
        color: var(--theme-color);
      }
    }
  }
  .zffGDTitle{
    text-align: left;
    padding: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-clamp:2;
    --webkit-box-orient:vertical;
  }
  .zffGDBottom {
    width: 100vw;
    position: fixed;
    bottom: 0;
    left:0;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    height: 60px;
    align-items: center;
    .bottomcontact {
      // display: flex;
      // flex-direction: column;
      // justify-content: center;
      i.iconfont.icon-kefu {
  
      }
  
      .title {
  
      }
    }
  
    .bottonCart {
      i.iconfont.icon-gouwuche1 {
  
      }
  
      .title {
  
      }
    }
  
    .bottomAdd {
      width: 80px;
      height: 30px;
      border-radius: 15px;
      display: inline-block;
      text-align: center;
      line-height: 30px;
      color: #fff;
      background-color: #fcaa23;
      font-size: 12px;
    }
  
    .bottomBuy {
      width: 80px;
      height: 30px;
      border-radius: 15px;
      display: inline-block;
      text-align: center;
      line-height: 30px;
      color: #fff;
      background-color:var(--theme-color);
      font-size: 12px;
    }
  }
}